 <!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
		<link rel="stylesheet" href="new_css/header_footer.css?t=1">
		<link rel="stylesheet" href="new_css/instrumentList.css">
		<script src="new_js/jquery-1.11.3.js"></script>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});
				
				$('.mainList .content .left li').click(function(){
					$(this).addClass('selected').siblings().removeClass('selected');
				});
				$('.mainList .content .search .item .right ul li').click(function(){
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
		</script>

	</head>

	<body style="background:#fff;">

		<div id="front_header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="fr right">
					<div class="main">
						<div class="user_pic fl"><img src="images/user.png" /></div>
						<div class='user_name fl'>一日一记忆</div>
						<div class='icon fl'><img src="images/icon1.png" /></div>
					</div>
					<div class="out">
						<div class="user_center">
							<a href="javascript:void(0)">用户中心</a>
						</div>
						<div class="log_out">
							<a href="#this">退出登录</a>
						</div>
						<div class="tri"><img src="images/icon9.png" /></div>
					</div>
				</div>

			</div>
		</div>

		<div class="" id="nav_top">
			<div class="container">
				<div class="fl">
					<div class="logo ">
						<a href="/"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="web_name">
						<img src="images/icon3.png" />
						<p>yq.shang.com</p>
					</div>
				</div>
			</div>
		</div>
		<div class="mainList">
			<div class="bNav">您的位置：首页><span>仪器列表</span></div>
			<div class="content">
				<div class="search">
					<div class='item'>
						<div class="left">类别：</div>
						<div class="right">
							<ul>
								<li class="selected">不限</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
							</ul>
						</div>
					</div>
					<div class='item'>
						<div class="left">地区：</div>
						<div class="right">
							<ul>
								<li class="selected">不限</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
								<li>分析仪器</li>
								<li>不胡不不分析仪器</li>
							</ul>
						</div>
					</div>
				</div>
				
				
				
				<div class="list">
					<ul>
						<li>
							<div class="pic"><img src="images/productDetailPic.png"/></div>
							<div class="info">
								<div class="title">全功能紫外-可见-近红外荧光光谱仪</div>
								<div class="row2">
									<div class="font">型号：<span>123456</span></div>
									<div class="font">提供单位：<span>大型仪器中心</span></div>
									<div class="font">地区：<span>北京</span></div>
								</div>
								<div class="row3">功能：<span>气相色谱</span></div>
							</div>
							<div class="price">
								<div class="wrap">
								<p>¥300元/小时</p>
								<p><span>已预约321次</span></p>
								</div>
							</div>
							
							
							<div class="active">
								<div><a href="productDetail5.html">立即预约</a></div>
								<div style="display:none"><a href="productDetail5.html">立即预约</a></div>
								<div><a href="#this">电话咨询</a></div>
							</div>
						</li>
						<li>
							<div class="pic"><img src="images/productDetailPic.png"/></div>
							<div class="info">
								<div class="title">全功能紫外-可见-近红外荧光光谱仪</div>
								<div class="row2">
									<div class="font">型号：<span>123456</span></div>
									<div class="font">提供单位：<span>大型仪器中心</span></div>
									<div class="font">地区：<span>北京</span></div>
								</div>
								<div class="row3">功能：<span>气相色谱</span></div>
							</div>
							
							
							<div class="price">
								<div class="wrap">
								<p>¥300元/小时</p>
								<p><span>已预约321次</span></p>
								</div>
							</div>
							<div class="active">
								<div><a href="productDetail5.html">立即预约</a></div>
								<div style="display:none"><a href="productDetail5.html">立即预约</a></div>
								<div><a href="#this">电话咨询</a></div>
							</div>
						</li>
						<li>
							<div class="pic"><img src="images/productDetailPic.png"/></div>
							<div class="info">
								<div class="title">全功能紫外-可见-近红外荧光光谱仪</div>
								<div class="row2">
									<div class="font">型号：<span>123456</span></div>
									<div class="font">提供单位：<span>大型仪器中心</span></div>
									<div class="font">地区：<span>北京</span></div>
								</div>
								<div class="row3">功能：<span>气相色谱</span></div>
							</div>
							<div class="price">
								<div class="wrap">
								<p>¥300元/小时</p>
								<p><span>已预约321次</span></p>
								</div>
							</div>
							
							
							<div class="active">
								<div><a href="productDetail5.html">立即预约</a></div>
								<div style="display:none"><a href="productDetail5.html">立即预约</a></div>
								<div><a href="#this" id="Button1"  onclick="ShowDiv('MyDiv','fade')">电话咨询</a></div>
							</div>
							
						</li>
					</ul>
				</div>
			</div>
			<div class="pageButton"></div><!--找个分页插件插入-->
		</div>

		<div id="footer">
			© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
		</div>

		<!--弹出层时背景层DIV-->


	<div id="fade" class="black_overlay"></div>
	<div id="MyDiv" class="white_content">
	<div class="title-tan">
	<div class="xix">
	<p>联系方式</p>
	</div>
	<div class="close" style="" onclick="CloseDiv('MyDiv','fade')">X</div>
	</div>
	<div class="content-tan">
	<ul>
	<li>
	<label >联系姓名：</label>
	<input disabled="disabled" type="text" id="person">
	</li>
	<li>
	<label>联系电话：</label>
	<input disabled="disabled" type="tel" id="telephone">
	</li>
	</ul>
	</div>
	<div class="btn-tan">
	<a href="#" class="close" style="" onclick="CloseDiv('MyDiv','fade')">取消</a>
	</div>
	</div>

	<style>
	.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #666;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .70;
	filter: alpha(opacity=70);
	}

	.white_content {
	display: none;
	position: absolute;
	top: 30%;
	left: 27%;
	height: 266px;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	.title-tan {
	width: 500px;
	height: 46px;
	line-height: 7px;
	border-bottom: 1px solid #CCCCCC;
	}

	.xix {
	text-align: right;
	width: 100px;
	height: 46px;
	float: left;
	line-height: 50px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	}

	.title-tan p {
	float: left;
	width: 300px;
	display: inline-block;
	}

	.close {
	float: right;
	width: 50px;
	height: 45px;
	color: #ccc;
	line-height: 50px;
	cursor: pointer
	}

	.content-tan {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 19px;
	line-height: 64px;
	}

	.content-tan input {
	width: 250px;
	padding-left: 20px;
	}

	.btn-tan{
	display: flex;
	justify-content: center;
	margin-top: 10px;
	}

	.btn-tan a {
	/*width: 151px;
	height: 46px;
	background-color: #fff;
	border: 1px solid #ff8a00;
	display: inline-block;
	text-align: center;
	line-height: 46px;
	color: #ff8a00;
	border-radius: 5px;*/


	width: 100%;
	height: 60px;
	background-color: #ff8a00;
	border: 1px solid #ff8a00;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	color: #fff;
	}

	</style>
	<script type="text/javascript">
	//弹出隐藏层
	function ShowDiv(show_div, bg_div) {
	document.getElementById(show_div).style.display = 'block';
	document.getElementById(bg_div).style.display = 'block';
	var bgdiv = document.getElementById(bg_div);
	bgdiv.style.width = document.body.scrollWidth;
	// bgdiv.style.height = $(document).height();
	$("#" + bg_div).height($(document).height());
	};

	//关闭弹出层
	function CloseDiv(show_div, bg_div) {
	document.getElementById(show_div).style.display = 'none';
	document.getElementById(bg_div).style.display = 'none';
	};
	</script>
</body>

	</body>

</html>